<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阳光成单系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="lib/layui/css/layui.css">
<script type="text/javascript" src="lib/layui/layui.js"></script>
</head>
<body>

	<table id="demo" lay-filter="test"></table>
	<script type="text/html" id="barDemo">
  		<a class="layui-btn layui-btn-xs" lay-event="detail">离开阅读室</a>
	</script>
	<script>
		var table, layer, form, $;
			layui.use(['table','layer','form'], function(){
			  table = layui.table;
			  layer=layui.layer;
			  form=layui.form;
			  $=layui.$;
			  
			  //第一个实例
			  table.render({
			    elem: '#demo'
			    ,url: 'selAll' //数据接口
			    ,id:"myTab"
			    ,page: true //开启分页
			    ,toolbar : '#toolbarDemo'
			    ,cols: [[ //表头
			      {field: 'cousume_log_id', title: '编号'}
			      ,{field: 'card_id', title: '会员卡号'}
			      ,{field: 'in_time', title: '进入时间'}
			      ,{field: 'out_time', title: '离开时间'}
			      ,{field: 'read_room', title: '资源室编号',templet : function(obj) {
			     	 							console.log(obj.read_room.read_romm_id);
			     	 								return obj.read_room.read_romm_id}
			     												 }
			      ,{fixed: 'right', width:250, align:'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器
			    ]]
			  });
		  
				  //工具条事件
			table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
			  var data = obj.data; //获得当前行数据
			  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
			  var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
			 
			  if(layEvent === 'detail'){ //查看
			  console.log(data);
			    $.post("upConsome_logOutTime",{
			    	cId:data.cousume_log_id
			    },function(res){
			    	if(res.code=="0"){
			    		layer.msg("离开成功");
			    		table.reload("myTab");
			    	}else{
			    	layer.msg("离开失败");
			    	}
			    },"json");
			    $.post("updStatus",{
			    	rId:0,
			    	mId:data.card_id
			    },function(res){
			    	if(res.code=="0"){
			    		layer.msg("离开成功");
			    		table.reload("myTab");
			    	}else{
			    	layer.msg("离开失败");
			    	}
			    },"json");
			  } 
			});

		});
	</script>

</body>
</html>